
$(function () {
	
	/**
	 * echarts实体
	 */
	var myChart1;	//7天居民注册数
	var myChart2;	//7天总调用次数
	var myChart3;	//7天支付成功总金额
    var myChart4;	//7天退款成功总金额
    var myChart5;	//7天各接口调用数 3D图
    var myChart6;	//奖励排名
    
    /**
     * 初始化echarts图
     */
    initChart();
    
    /**
     * 请求数据并写入
     */
    initData();
    
    /**
     * 开始轮询动态修改信息
     */
    var t_initChart1 = window.setInterval(initChart1,60000);	//7天用户注册数
    var t_initChart2 = window.setInterval(initChart2,60000);	//7天总调用数
    var t_initChart3 = window.setInterval(initChart3,60000);	//3d小区图
    var t_initChart4 = window.setInterval(initChart4,60000);	//中间大图，区域饼图
    var t_initChart5 = window.setInterval(initChart5,60000);	//这个是3d楼栋图
    var t_initChart6 = window.setInterval(initChart6,60000);	//右下角成功/失败饼图
    
    var t_initTotal1 = window.setInterval(initTotal1,60000);		//流水总金额总数
    var t_initTotal2 = window.setInterval(initTotal2,60000);		//退款总金额
    var t_initTotal3 = window.setInterval(initTotal3,60000);		//奖励总金额
    var t_initTotal4 = window.setInterval(initTotal4,60000);		//调用总次数
    var t_initTotal5 = window.setInterval(initTotal5,60000);		//注册总人数
    
    /**
     * 方法
     */
    function initChart(){
    	myChart1 = echarts_1();
        myChart2 = echarts_2();
        myChart3 = echarts_3();
        myChart5 = echarts_5();
        myChart6 = echarts_6();
        myChart4 = echarts_4();
    }
    
    function initData(){
    	
    	/**
    	 * 初始化echart图
    	 */
    	initChart1();
        initChart2();
        initChart3();
        initChart4();
        initChart5();
        initChart6();
        
        /**
         * 初始化左上角方框图
         */
        initTotal1();//查询流水总金额
        initTotal2();//查询退款总金额
        initTotal3();//查询奖励总金额
        initTotal4();//查询调用总次数
        initTotal5();//查询注册总人数
		
    }
    
    /**
     * 请求后台数据并放入7天用户注册数图的方法
     */
    function initChart1(){
//    	var data = [27,150,20,68,92,105,50];
//    	var xdata = ['6.8','6.9','6.10','6.11','6.12','6.13','6.14'];
    	$.post(ctxt + "/index/get7RegisterTotal", {}, function(msg) {
    		var data = [];
    		var xdata = [];
    		var objs = msg.data;
    		for(var i=objs.length-1;i>=0;i--){
    			var timesplit = objs[i].date.split('-');
    			var fmttime = parseInt(timesplit[2]) + '日';
    			data.push(objs[i].number);
    			xdata.push(fmttime);
    		}
			myChart1.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
	        myChart1.resize();
		}, "json");
    }
    
    /**
     * 请求后台数据并放入7天调用次数的方法
     */
    function initChart2(){
//    	var data = [950,800,753,598,812,1005,710];
//    	var xdata = ['6.8','6.9','6.10','6.11','6.12','6.13','6.14'];
//    	myChart2.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
//        myChart2.resize();
    	$.post(ctxt + "/index/get7InvokTotal", {}, function(msg) {
    		var data = [];
    		var xdata = [];
    		var objs = msg.data;
    		for(var i=objs.length-1;i>=0;i--){
    			var timesplit = objs[i].date.split('-');
    			var fmttime = parseInt(timesplit[2]) + '日';
    			data.push(objs[i].number);
    			xdata.push(fmttime);
    		}
    	   myChart2.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
           myChart2.resize();
		}, "json");
    }
    
    /**
     * 请求后台数据，放入7天支付成功的方法
     */
    function initChart3(){
//    	var data = [950,800,753,598,812,1005,710];
//    	var xdata = ['6.8','6.9','6.10','6.11','6.12','6.13','6.14'];
//    	myChart2.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
//        myChart2.resize();
    	$.post(ctxt + "/index/get7PaySucTotal", {}, function(msg) {
    		var data = [];
    		var xdata = [];
    		var objs = msg.data;
    		for(var i=objs.length-1;i>=0;i--){
    			var timesplit = objs[i].date.split('-');
    			var fmttime = parseInt(timesplit[2]) + '日';
    			data.push(objs[i].number);
    			xdata.push(fmttime);
    		}
    	   myChart3.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
           myChart3.resize();
		}, "json");
    }
    
    /**
     * 请求后台数据，放入7天退款成功的方法
     */
    function initChart4(){
//    	var data = [950,800,753,598,812,1005,710];
//    	var xdata = ['6.8','6.9','6.10','6.11','6.12','6.13','6.14'];
//    	myChart2.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
//        myChart2.resize();
    	$.post(ctxt + "/index/get7RefundSucTotal", {}, function(msg) {
    		var data = [];
    		var xdata = [];
    		var objs = msg.data;
    		for(var i=objs.length-1;i>=0;i--){
    			var timesplit = objs[i].date.split('-');
    			var fmttime = parseInt(timesplit[2]) + '日';
    			data.push(objs[i].number);
    			xdata.push(fmttime);
    		}
    	   myChart4.setOption({xAxis:[{data:xdata}],series:[{data:data}]});
           myChart4.resize();
		}, "json");
    }
    
    /**
     * 请求后台数据，放入7天各接口调用次数
     */
    function initChart5(){
    	
		//这里请求数据，并隐藏
	    $.post(ctxt + "/index/get7EverInvokTotal", {}, function(msg) {
	    	var date = [];
	        for(var i=1;i<32;i++){
	        	if (i<10) {
	        		date.push('0' + i + '日');
	        	} else {
	        		date.push(i + '日');
	        	}
	         	
	        }
	        
	    	var x = [];
	    	var y = ['两像比对','身份核查','车辆档案详情','驾驶证详情'];
	    	var z = [];
	    	var objs = msg.data;
	    	for (var i=objs.length-1;i>=0;i--) {
    			var timesplit = objs[i].account.split('-');
    			var fmttime = timesplit[2] + '日'; //eg:2日
    			
    			if (date.indexOf(fmttime) >= 0 ) {
    				if (x.indexOf(fmttime) < 0) {
    					x.push(fmttime);
    				}
    			}
    			var dataObj = {};
    			if (objs[i].serviceName != null && objs[i].serviceName != '') {
    				dataObj.value = [fmttime,objs[i].serviceName,objs[i].organId];
    				dataObj.id = objs[i].account;
    	    		z.push(dataObj);
    			}
    			
    		}
//	    	if(y.length < 4){
//	    		for(var i=4-y.length;i>=0;i--){	//填充一下，不然只有很少数据的时候，图很丑，相信我
//	    			y.push('');
//	    		}
//	    	}
    		myChart5.setOption({xAxis3D:[{data:x}],yAxis3D:[{data:y}],series:[{data:z}]});
	        myChart5.resize();	//这样图形才能正常显示
		}, "json");
    }
    
    /**
     * 请求后台数据并放入奖励排名
     */
    function initChart6(){
        
        $.post(ctxt + "/index/getRewardRank", {}, function(msg) {
    		var name = [];
    		var total = [];
			var objs = msg.data;
			
    		for(var i=0; i<objs.length;i++){
    			var dataObj = {};
    			dataObj.value = [objs[i].account,objs[i].name,objs[i].rewardTotal];
    			dataObj.id = objs[i].account;
    			dataObj.total = objs[i].rewardTotal;
    			name.push(dataObj);
    			total.push(objs[i].rewardTotal);
    			
    		}
    	   myChart6.setOption({xAxis:[{data:name}],series:[{data:total}]});
           myChart6.resize();
		}, "json");
    }
    
    /**
     * 请求后台数据并写入流水总金额数
     */
    function initTotal1(){
    	$.post(ctxt + "/index/getSalesAmountTotal",{}, function(msg) {
    		$('#salesAmountTotal').html(msg.data);
    	});
    }
    
    /**
     * 退款总金额
     */
    function initTotal2(){
    	$.post(ctxt + "/index/getRefundAmountTotal",{}, function(msg) {
    		$('#refundTotal').html(msg.data);
    	});
    }
    
    /**
     * 奖励总金额
     */
    function initTotal3(){
    	$.post(ctxt + "/index/getRewardAmountTotal",{}, function(msg) {
    		$('#rewardTotal').html(msg.data);
    	});
    }
    
    /**
     * 调用总次数
     */
    function initTotal4(){
    	$.post(ctxt + "/index/getInvokTotal",{}, function(msg) {
    		$('#invokTotal').html(msg.data);
    	});
    }
    
    /**
     * 注册总人数
     */
    function initTotal5(){
    	$.post(ctxt + "/index/getWxuserTotal",{}, function(msg) {
    		$('#wxuserTotal').html(msg.data);
    	});
    }
    
    function echarts_1() {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts_1'));
        option = {

                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    orient: 'vertical'
                },
                grid: {
                    left: '3%',
                    right: '3%',
                    top:'8%',
                    bottom: '5%',
                    containLabel: true
                },
                color:['#E6E6FA','#E9967A'],
                toolbox: {
                    show : false,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                calculable : true,
                xAxis : [
                    {
                        type : 'category',

                        axisTick:{show:false},

                        boundaryGap : false,
                        axisLabel: {
                            textStyle:{
                                color: '#ccc',
                                fontSize:'10'
                            },
                            lineStyle:{
                                color:'#2c3459',
                            },
                            interval: 0,
                            rotate:40,
                            formatter : function(params){
                                var newParamsName = "";// 最终拼接成的字符串
                                var paramsNameNumber = params.length;// 实际标签的个数
                                var provideNumber = 4;// 每行能显示的字的个数
                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
                                /**
                                 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                                 */
                                // 条件等同于rowNumber>1
                                if (paramsNameNumber > provideNumber) {
                                    /** 循环每一行,p表示行 */
                                    var tempStr = "";
                                    tempStr=params.substring(0,4);
                                    newParamsName = tempStr+"...";// 最终拼成的字符串
                                } else {
                                    // 将旧标签的值赋给新标签
                                    newParamsName = params;
                                }
                                //将最终的字符串返回
                                return newParamsName;
                            }

                        },
                        data: []
                    }
                ],
                yAxis : {

                    type : 'value',
                    minInterval: 1,
                    axisLabel: {
                        textStyle: {
                            color: '#ccc',
                            fontSize:'12',
                        }
                    },
                    axisLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },
                    splitLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },

                }
                ,
                series : [
                    {
                        type:'line',
                        areaStyle: {

                            normal: {type: 'default',
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 0.8, [{
                                    offset: 0,
                                    color: '#DA70D6'
                                }, {
                                    offset: 1,
                                    color: '#DDA0DD'
                                }], false)
                            }
                        },
                        smooth:false,	//true 平滑折线图
                        itemStyle: {
                            normal: {areaStyle: {type: 'default'}}
                        },
                        data:[]
                    }
                ]
                ,
                tooltip : {
                	trigger : 'axis',
                	formatter: function (obj) {
    	              var html = ('  ' + obj[0].name + '<br/>');
    	              html += ('注册数：' + obj[0].data + '<br/>');
    	              return html
                	}
                }
            };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        return myChart;
    }
    function echarts_2() {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts_2'));

        option = {

                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    orient: 'vertical'
                },
                grid: {
                    left: '3%',
                    right: '3%',
                    top:'8%',
                    bottom: '5%',
                    containLabel: true
                },
                color:['#E0FFFF','#25f3e6'],
                toolbox: {
                    show : false,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                calculable : true,
                xAxis : [
                    {
                        type : 'category',

                        axisTick:{show:false},

                        boundaryGap : false,
                        axisLabel: {
                            textStyle:{
                                color: '#ccc',
                                fontSize:'10'
                            },
                            lineStyle:{
                                color:'#2c3459',
                            },
                            interval: 0,
                            rotate:40,
                            formatter : function(params){
                                var newParamsName = "";// 最终拼接成的字符串
                                var paramsNameNumber = params.length;// 实际标签的个数
                                var provideNumber = 4;// 每行能显示的字的个数
                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
                                /**
                                 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                                 */
                                // 条件等同于rowNumber>1
                                if (paramsNameNumber > provideNumber) {
                                    /** 循环每一行,p表示行 */
                                    var tempStr = "";
                                    tempStr=params.substring(0,4);
                                    newParamsName = tempStr+"...";// 最终拼成的字符串
                                } else {
                                    // 将旧标签的值赋给新标签
                                    newParamsName = params;
                                }
                                //将最终的字符串返回
                                return newParamsName
                            }

                        },
                        data: []
                    }
                ],
                yAxis : {

                    type : 'value',
                    minInterval: 1,
                    axisLabel: {
                        textStyle: {
                            color: '#ccc',
                            fontSize:'12',
                        }
                    },
                    axisLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },
                    splitLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },

                }
                ,
                series : [
                    {
                        type:'line',
                        areaStyle: {

                            normal: {type: 'default',
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 0.8, [{
                                    offset: 0,
                                    color: '#00CED1'
                                }, {
                                    offset: 1,
                                    color: '#00FFFF'
                                }], false)
                            }
                        },
                        smooth:false,
                        itemStyle: {
                            normal: {areaStyle: {type: 'default'}}
                        },
                        data:[]
                    }
                ]
                ,
                tooltip : {
                	trigger : 'axis',
                	formatter: function (obj) {
    	              var html = ('  ' + obj[0].name + '<br/>');
    	              html += ('调用数：' + obj[0].data + '<br/>');
    	              return html
                	}
                }
            };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        return myChart;
    }
    function echarts_3() {
    	// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts_3'));

        option = {

                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    orient: 'vertical'
                },
                grid: {
                    left: '3%',
                    right: '3%',
                    top:'8%',
                    bottom: '5%',
                    containLabel: true
                },
                color:['#E0FFFF','#25f3e6'],
                toolbox: {
                    show : false,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                calculable : true,
                xAxis : [
                    {
                        type : 'category',

                        axisTick:{show:false},

                        boundaryGap : false,
                        axisLabel: {
                            textStyle:{
                                color: '#ccc',
                                fontSize:'10'
                            },
                            lineStyle:{
                                color:'#2c3459',
                            },
                            interval: 0,
                            rotate:40,
                            formatter : function(params){
                                var newParamsName = "";// 最终拼接成的字符串
                                var paramsNameNumber = params.length;// 实际标签的个数
                                var provideNumber = 4;// 每行能显示的字的个数
                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
                                /**
                                 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                                 */
                                // 条件等同于rowNumber>1
                                if (paramsNameNumber > provideNumber) {
                                    /** 循环每一行,p表示行 */
                                    var tempStr = "";
                                    tempStr=params.substring(0,4);
                                    newParamsName = tempStr+"...";// 最终拼成的字符串
                                } else {
                                    // 将旧标签的值赋给新标签
                                    newParamsName = params;
                                }
                                //将最终的字符串返回
                                return newParamsName
                            }

                        },
                        data: []
                    }
                ],
                yAxis : {

                    type : 'value',
                    minInterval: 0.1,
                    axisLabel: {
                        textStyle: {
                            color: '#ccc',
                            fontSize:'12',
                        }
                    },
                    axisLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },
                    splitLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },

                }
                ,
                series : [
                    {
                        type:'line',
                        areaStyle: {

                            normal: {type: 'default',
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 0.8, [{
                                    offset: 0,
                                    color: '#e0787d'
                                }, {
                                    offset: 1,
                                    color: '#ea8e93'
                                }], false)
                            }
                        },
                        smooth:false,
                        itemStyle: {
                            normal: {areaStyle: {type: 'default'}}
                        },
                        data:[]
                    }
                ]
                ,
                tooltip : {
                	trigger : 'axis',
                	formatter: function (obj) {
    	              var html = ('  ' + obj[0].name + '<br/>');
    	              html += ('总金额：' + obj[0].data + '<br/>');
    	              return html
                	}
                }
            };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        return myChart;
    }
    
    function echarts_4() {
    	// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts_4'));

        option = {

                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    orient: 'vertical'
                },
                grid: {
                    left: '3%',
                    right: '3%',
                    top:'8%',
                    bottom: '5%',
                    containLabel: true
                },
                color:['#E0FFFF','#25f3e6'],
                toolbox: {
                    show : false,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                calculable : true,
                xAxis : [
                    {
                        type : 'category',

                        axisTick:{show:false},

                        boundaryGap : false,
                        axisLabel: {
                            textStyle:{
                                color: '#ccc',
                                fontSize:'10'
                            },
                            lineStyle:{
                                color:'#2c3459',
                            },
                            interval: 0,
                            rotate:40,
                            formatter : function(params){
                                var newParamsName = "";// 最终拼接成的字符串
                                var paramsNameNumber = params.length;// 实际标签的个数
                                var provideNumber = 4;// 每行能显示的字的个数
                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
                                /**
                                 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                                 */
                                // 条件等同于rowNumber>1
                                if (paramsNameNumber > provideNumber) {
                                    /** 循环每一行,p表示行 */
                                    var tempStr = "";
                                    tempStr=params.substring(0,4);
                                    newParamsName = tempStr+"...";// 最终拼成的字符串
                                } else {
                                    // 将旧标签的值赋给新标签
                                    newParamsName = params;
                                }
                                //将最终的字符串返回
                                return newParamsName
                            }

                        },
                        data: []
                    }
                ],
                yAxis : {

                    type : 'value',
                    minInterval: 0.1,
                    axisLabel: {
                        textStyle: {
                            color: '#ccc',
                            fontSize:'12',
                        }
                    },
                    axisLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },
                    splitLine: {
                        lineStyle:{
                            color:'rgba(160,160,160,0.3)',
                        }
                    },

                }
                ,
                series : [
                    {
                        type:'line',
                        areaStyle: {

                            normal: {type: 'default',
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 0.8, [{
                                    offset: 0,
                                    color: 'rgba(253, 255, 168, 0.99)'
                                }, {
                                    offset: 1,
                                    color: 'rgba(225, 228, 64, 0.99)'
                                }], false)
                            }
                        },
                        smooth:false,
                        itemStyle: {
                            normal: {areaStyle: {type: 'default'}}
                        },
                        data:[]
                    }
                ]
                ,
                tooltip : {
                	trigger : 'axis',
                	formatter: function (obj) {
    	              var html = ('  ' + obj[0].name + '<br/>');
    	              html += ('总金额：' + obj[0].data + '<br/>');
    	              return html
                	}
                }
            };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        return myChart;
    }
    
    function echarts_5() {
    	// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts_5'));

        option = {
            xAxis3D: {
            	name:'日期',
                type: 'category',
                data: [],
            },
            yAxis3D: {
            	name:'',
                type: 'category',
                data: [],
            },
            zAxis3D: {
            	name:'调用次数',
                type: 'value',
                minInterval: 1,
            },
            grid3D: {
                boxWidth: 200,
                boxDepth: 80,
                viewControl: {
                    // projection: 'orthographic'
                },
                light: {
                    main: {
                        intensity: 1.2,
                        shadow: true
                    },
                    ambient: {
                        intensity: 0.3
                    }
                }
            },
            series: [{
            	name:'接口',
                type: 'bar3D',
                data: [],
                shading: 'lambert',

                label: {
                    textStyle: {
                        fontSize: 16,
                        borderWidth: 1
                    }
                },
                
                itemStyle: {
                  color: 'rgb(90, 170, 208)',
                  opacity: 1
                },

                emphasis: {
                    label: {
                        textStyle: {
                            fontSize: 20,
                            color: '#900'
                        }
                    },
                    itemStyle: {
//                        color: '#900'
                    }
                }
            }],
            grid3D: {
                axisLine: {
                    lineStyle: { color: '#fff' }
                },
                axisPointer: {
                    lineStyle: { color: '#fff' }
                },
                viewControl: {
                },
                light: {
                    main: {
                        intensity: 1.8,
                        shadow: false
                    },
                    ambient: {
                        intensity: 0.3
                    }
                }
            },
            tooltip : {
            	trigger : 'item',
                formatter: function (obj) {
	              var html =('接口：' + obj.data.value[1] + '<br/>');
	              html += ('日期：' + obj.data.id + '<br/>');
	              html += ('调用次数：' + obj.data.value[2] + '<br/>');
	              return html
               }
            }
        }

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        return myChart;
    }
    function echarts_6() {
    	// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('echarts_6'));

        option = {
            backgroundColor: 'rgba(0,0,0,0)',
            grid: {
                left: '3%',
                right: '4%',
                bottom: '2%',
                height: '200px',
                containLabel: true
            },
            xAxis : [
                     {
                         type : 'category',
                         data : [],
                         axisTick: {
                             alignWithLabel: true,
                             show: true
                         },
	                     axisLabel: {
	                         textStyle: {
	                             color: '#fff',
	                             fontSize:'10'
	                         },
	                         lineStyle:{
	                                color:'#2c3459',
	                            },
	                            interval: 0,
	                            rotate: 20,
	                            formatter : function(params){
	                                var newParamsName = "";// 最终拼接成的字符串
	                                var paramsNameNumber = params[1].length;// 实际标签的个数
	                                var provideNumber = 5;// 每行能显示的字的个数
	                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
	                                /**
	                                 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
	                                 */
	                                // 条件等同于rowNumber>1
	                                if (paramsNameNumber > provideNumber) {
	                                    /** 循环每一行,p表示行 */
	                                    var tempStr = "";
	                                    tempStr=params[1].substring(0,5);
	                                    newParamsName = tempStr+"...";// 最终拼成的字符串
	                                } else {
	                                    // 将旧标签的值赋给新标签
	                                    newParamsName = params[1];
	                                }
	                                //将最终的字符串返回
	                                return newParamsName
	                            }
	                     }
                     }
                 ],
             yAxis : [
                 {
                     type : 'value',
                     splitLine: {
                         show: false,
                     },
                     axisLabel: {
                         textStyle: {
                             color: '#ccc',
                             fontSize:'12',
                         }
                     }
                 }
             ],
             series: [{
                 name: '奖励金额',
                 type: 'bar',
                 barWidth: '60%',
                 itemStyle: {
                     //通常情况下：
                	 normal: {
                		 opacity: 0.8,
                         barBorderRadius: [5,5,0,0],
                         color: function (params){//渐变色，也可以直接用数组给不同的柱子设置不同的颜色
                           var colorList = [new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                             offset: 0,
                             color: '#00e6ff'
                           }, {
                             offset: 1,
                             color: '#018dff'
                           }]),new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                             offset: 0,
                             color: '#f5f171'
                           }, {
                             offset: 1,
                             color: '#cec815'
                           }]),new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                               offset: 0,
                               color: '#e789f3'
                             }, {
                               offset: 1,
                               color: '#b45bbf'
                             }]),new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                 offset: 0,
                                 color: '#aaf584'
                               }, {
                                 offset: 1,
                                 color: '#7cd44f'
                               }]),new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                   offset: 0,
                                   color: '#d4792c'
                                 }, {
                                   offset: 1,
                                   color: '#d4792c'
                                 }])];
                           return colorList[params.dataIndex];
                         },
                       },
                     //鼠标悬停时：
                     emphasis: {
                         shadowBlur: 10,
                         shadowOffsetX: 0,
                         shadowColor: 'rgb(228, 228, 228)'
                     }
                 },
                 data: []
             }],
             tooltip: {
             	trigger : 'item',
                 formatter: function (obj) {
 	              var html =('姓名：' + obj.name[1] + '<br/>');
 	              html += ('微信号：' + obj.name[0] + '<br/>');
 	              html += ('奖励金额：' + obj.name[2] + '<br/>');
 	              return html
                }
             }
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
        return myChart;
    }

})

